/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      keyframes: {
        blink: {
          '0%, 20%': { opacity: 0 },
          '40%': { opacity: 1 },
          '100%': { opacity: 0 }
        },
        breath: {
          '0%, 100%': { opacity: 1 },
          '50%': { opacity: 0.8 }
        }
      },
      animation: {
        blink: 'blink 1.4s linear infinite',
        breath: 'breath 3s linear infinite'
      }
    },
  },
  plugins: [
    function ({ addUtilities }) {
      addUtilities({
        '.zoom-sm': {
          zoom: '0.3',
        },
      });
    },
  ],
}